
<html>
<head>
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".box").hover(function(){
                $(this).css("backgroundColor","pink");
            },
              function(){
                  $(this).css("backgroundColor","red");
              }
            )

        })
    </script>
</head>
<body>
<div class="box" style="width: 200px;height: 200px;background-color: #00b7ee">
    <!--<div class="xbox" style="width: 50px;height: 50px;background-color: pink"></div>-->
</div>
<button type="button">按钮</button>
</body>
</html>